<!--
  Created by IntelliJ IDEA.
  User: Dai
  Date: 2018/4/13
  Time: 9:36
  Remark: 工程配置 -  对象管理 -  项目管理 - 编辑设备树 - 批量编辑
  To change this template use File | Settings | File Templates.
-->
<!--标题栏-->
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">编辑&nbsp;&gt;&nbsp;<span th:text="${model2_block_name}">???</span></h4>
</div>
<!--表格栏-->
<div class="modal-body" style="padding: 0;">
    <div style="width: 100%;min-height: 300px;">
        <!--树-->
        <div class="col-xs-3" style="padding: 0;height: 300px; overflow:auto; border-right: 1px solid #ddd;">
            <div class="tree-title" style="width: 100%;">选择编辑对象</div>
            <div class="zTreeDemoBackground left">
                <ul id="ztree_only_parent" class="ztree"></ul>
            </div>
        </div>
        <!--配置栏目-->
        <div class="col-sm-9" style="padding: 20px" >
            <!--所选变流器-->
            <fieldset style="padding: 10px">
                <legend>所选变流器</legend>
                <label style="margin-right: 10px">通信类型</label>
                <select style="margin-right: 20px">
                    <option>Modbus</option>
                    <option>CAN</option>
                </select>
                <label>配置文件</label>
                <input type="file" style="display: inline-block;">
            </fieldset>
            <!--所选电池包-->
            <fieldset style="padding: 10px; margin-top: 20px">
                <legend>所选电池包</legend>
                <label style="margin-right: 10px">通信类型</label>
                <select style="margin-right: 20px">
                    <option>Modbus</option>
                    <option>CAN</option>
                </select>
                <label>配置文件</label>
                <input type="file" style="display: inline-block;">
            </fieldset>
        </div>
    </div>
    <input type="hidden" id="list" th:value="${list}">
</div>
<!--按钮栏-->
<div class="modal-footer">
    <button type="button" class="btn btn-default" onclick="check_info(this)">确定</button>
</div>
<!--该页面的js 未完成部分见TODO -->
<script>
    var ztree_node_only_parent = [
        {"name": "大拇指大厦", "pId": 0, "id": 1, "type": 1},
        {"name": "1#变流器(PCS)", "pId": 1, "id": 2, "type": 2},
        {"name": "1#电池包(BMS)", "pId": 1, "id": 3, "type": 3},
        {"name": "2#变流器(PCS)", "pId": 1, "id": 10, "type": 2},
        {"name": "2#电池包(BMS)", "pId": 1, "id": 11, "type": 3},
    ];

    var setting_only_parent = {
        view: {
            showIcon: false,        // 是否显示节点的图标
        },
        check: {
            enable: true,
            chkboxType: {"Y": "ps", "N": "ps"}
        },
        data: {
            simpleData: {
                enable: true,
                idKey: "id",        // 节点数据中保存唯一标识的属性名称
                pIdKey: "pId",      // 节点数据中保存其父节点唯一标识的属性名称
                rootPId: ""         // 用于修正根节点父节点数据 默认值：null
            }
        }
    };


    $(document).ready(function () {
        var ztree_only_parent = $.fn.zTree.init($("#ztree_only_parent"), setting_only_parent, ztree_node_only_parent);
        ztree_only_parent.expandAll(true);    // 设置默认展开
    });


    /**
     * 检查填写的信息是否完整
     */
    function check_info(button) {
        /**
         * TODO 啊~~ 这边的信息就自己想办法获取吧 宝宝就不管啦
         * 要做的事情：
         *      1. 获取所有已勾选的对应的id
         *      2. 获取所有填写的内容
         *      3. 上传文件
         */
        // 关闭弹框
        $(button).parent().siblings(":first").find("button").click();
    }
</script>